.couponList{
    font-family:PingFang-SC-Medium;
    padding-bottom: 20px;
    .coupon-item{
        margin: 25px 35px 0 30px;
        border-radius:5px;
        background: #fff;
        border: 1PX solid #eee;
        position: relative;
        .selected1{
          width: 64px;
          height: 64px;
          position: absolute;
          right: -2px;
          top: -2px;
          z-index: 1;
        }
        .msg{
            background:linear-gradient(-43deg,rgba(229,221,205,1),rgba(207,199,169,1));
            display: flex;
            justify-content: space-between;
            color: #807C6C;
            height: 180px;
            .msg-right{
                width: 126px;
                padding: 40px 30px;
                box-sizing: border-box;
                border-left: 3px dotted #fff;
                text-align: center;
                font-size:26px;
                color:rgba(128,124,108,1);
            }
            .msg-left{
                padding: 40px 10px 10px 30px;
                box-sizing: border-box;
                flex: 1;
                display: flex;
                .left-img{
                    width: 96px;
                    height: 71px;
                    line-height: 71px;
                    border: 9px solid #A49C7F;
                    text-align: center;
                    margin-right: 25px;
                    font-size:50px;
                    color:rgba(174,166,139,1);
                    opacity:0.80;
                    text-shadow:0px 0px 3px rgba(188,180,151,0.98);
                }
                .left-info{
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    .name{
                        font-weight:bold;
                        font-size:32px;
                        color:rgba(128,124,108,1);
                    }
                    .time{
                        font-size:24px;
                        color:rgba(174,166,139,1);
                    }
                }
            }
        }
        .tip{
            padding: 20px;
            background:rgba(255,255,255,1);
            border-radius:5px;
            font-size:24px;
            color:rgba(155,155,155,1);
        }
        .match_reason{
            padding: 0px 20px 20px;
            background:rgba(255,255,255,1);
            border-radius:5px;
            font-size:24px;
            color:rgba(155,155,155,1);
            .title{
              height: 40px;
              line-height: 40px;
              color: rgb(41, 39, 39);
            }
            .reason{
              color: red;
              height: 40px;
              line-height: 40px;
            }
        }
    }
    .gray{
      background:rgba(0,0,0,0.5);
      border:2px solid #eee;
      opacity: 0.4;
    }
}
